<div class="grid grid-cols-1 lg:grid-cols-3 gap-5 w-9/12 xl:gap-8 mx-auto">
    <div class="lg:col-span-1">
        <div class="bg-gradient-to-br from-base-200 to-info h-32 rounded-xl p-2">
            请求
        </div>
    </div>

    <div class="lg:col-span-1">
        <div class="bg-gradient-to-br from-blue-100 to-blue-200 h-32 rounded-xl p-2">
            消费
        </div>
    </div>

    <div class="lg:col-span-1">
        <div class="bg-gradient-to-br from-blue-100 to-blue-200 h-32 rounded-xl p-2">
            Token
        </div>
    </div>

    <div class="lg:col-span-2">
        <div class="bg-gradient-to-br from-blue-100 to-blue-200 h-[580px] rounded-xl p-2">
            统计
        </div>
    </div>

    <div class="lg:col-span-1">
        <div class="bg-gradient-to-br from-blue-100 to-blue-200 h-64 rounded-xl p-2">
            个人名片
        </div>
    </div>
</div>